<template>
  <div class="home-page">
    <!--    Banner 模块-->
    <BannerCarousel />
    <!--    &lt;!&ndash;    核心价值模块&ndash;&gt;-->
    <CoreValue />
    <!--    &lt;!&ndash;    应用场景模块&ndash;&gt;-->
    <UseCases />
    <!--    &lt;!&ndash;    全球服务模块&ndash;&gt;-->
    <GlobalService />
    <!--    客户反馈模块-->
    <CustomerFeedback />
    <!--    合作伙伴模块-->
    <Partners />
  </div>
</template>

<script setup lang="ts" name="Home">
import BannerCarousel from './sections/BannerCarousel.vue'
import CoreValue from './sections/CoreValue.vue'
import UseCases from './sections/UseCases.vue'
import GlobalService from './sections/GlobalService.vue'
import CustomerFeedback from './sections/CustomerFeedback.vue'
import Partners from './sections/Partners.vue'

// 组件首次加载时触发（只执行1次）
onMounted(() => {
  console.log('Home 页面首次加载（未从缓存中恢复）')
})

// 组件从缓存中激活时触发（每次返回页面执行）
onActivated(() => {
  console.log('Home 页面从缓存中激活（缓存生效）')
})

// 组件被缓存时触发（每次离开页面执行）
onDeactivated(() => {
  console.log('Home 页面被缓存（缓存生效）')
})
</script>

<style scoped lang="less">
.home-page {
  // 可设置全局背景或间距，按需扩展
}
</style>
